*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;width:100%;overflow:hidden;font-family:'Inter',sans-serif;background-image:linear-gradient(to right,#8b5cf6,#3b82f6);display:flex;justify-content:center;align-items:center;padding:1rem}main{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:2.5rem 2rem;max-width:30rem;width:100%;text-align:center}#logo{width:4rem;height:4rem;margin-bottom:1.5rem}h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}p{font-size:clamp(.9rem,2.5vw,1.1rem);color:#374151;line-height:1.6;margin-bottom:2rem}.cta{display:inline-block;text-decoration:none;font-weight:700;color:#8b5cf6;font-size:1.1rem;transition:transform .2s ease}.cta:hover,.cta:focus{transform:translateX(4px);outline:none}#cookie-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);z-index:100;display:flex;justify-content:space-between;align-items:center;max-width:500px;margin:0 auto;transform:translateY(200%);transition:transform .5s ease}#cookie-banner.show{transform:translateY(0)}#cookie-banner p{font-size:.875rem;color:#374151;margin-bottom:0;margin-right:1rem}#cookie-accept{border:none;background-color:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-weight:600;white-space:nowrap}